// 表格下面的分页

$f-cus-pagination-button-size: calc(#{#{$farris-pagination-line-height} + #{$f-pagination-padding-y * 2} + #{$f-pagination-border-width *
 2
}
});

.farris-datatable {
    .farris-table-pager {
        background-color: $f-neutral-00;
        height: 3.125rem;
        min-height: 3.125rem;
        width: 100%;

        .pagination {
            margin-bottom: 0;
        }

        .pagination-message {
            font-size: $farris-font-size-base;
            
            line-height: $f-cus-pagination-button-size;
        }
    }
}

.page-item.current {

    &,
    &:hover,
    &:active {
        .page-link {
            z-index: 1;
            
            color: $f-pagination-active-color;
            background-color: $f-pagination-active-bg !important;
            border-color: $f-pagination-active-border-color;
            box-shadow: $farris-pagination-active-box-shadow;
        }
    }
}

.page-item .page-link {
    .f-icon {
        vertical-align: baseline;
    }
}

.pagination {
    .pg-pagelist {
        margin: 0 12px;
        height: 100%;

        .pg-pagelist-info {
            font-size: 13px;
            color: #2D2F33;
            cursor: pointer;
            height: 100%;
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

            &:hover {
                color: $f-theme-03;
            }

            .cur-pagesize {
                padding: 0 4px;
                font-size: 15px;
                line-height: 20px;
                font-weight: 600;
            }

            .f-icon {
                font-size: 12px;
                margin: 0 0 0 8px;
                transition: transform 0.2s linear;

            }
        }

        &.show .pg-pagelist-info {
            color: $f-theme-03;

            .f-icon {
                transform: rotate(180deg);
            }
        }

        .dropdown-menu {
            min-width: 120px;
            margin-bottom: 0.25rem;

            .dropdown-item {
                padding-left: 14px;
            }
        }
    }

    .pagination-message {
        color: #2D2F33;
        font-size: 13px;
        display: inline-flex;
        align-items: center;
        height: 100%;

        .badge {
            font-size: 13px;
        }

        .pg-message-total {
            font-size: 15px;
            font-weight: 600;
            padding: 0 4px;
            line-height: 20px;
        }
    }
}

// number的按钮移出
.farris-gotopagenumber {
    text-align: center;
    -moz-appearance: textfield;
    width: 40px;
}

.farris-gotopagenumber::-webkit-inner-spin-button,
.farris-gotopagenumber::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}